<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no"> 
 <title>Happy Birthday</title>
 <link rel="stylesheet" href="css/jquery.fullPage.css">
 <link rel="stylesheet" href="css/memories.css">
</head>

<body>
  <!-- 背景音乐 -->
  <div style="display:none">
    <!-- 网易云外链 -->
    <audio src="music/1.mp3" autoplay="true" loop="true"></audio>
    <!-- <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=480353&auto=1&height=66"></iframe> -->
  </div>
<div class="bgcolor">
  <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
          <div class="ly-box01">
            <div class="ly-txt01">
              <p class="ly-stxt01">哈哈哈</p>
              <p class="ly-stxt02">没想到吧</p>
              <p class="ly-stxt03">是的</p>
              <p class="ly-stxt04">我就是来送祝福的</p>
              <p class="ly-stxt05">祝可爱的大美女生日快乐！</p>
            </div>
            <div class="ly-txt02">
              <p class="ly-stxt06">在我眼里呢</p>
              <p class="ly-stxt07">你总是那么的可爱</p>
              <p class="ly-stxt08">那么的善良</p>
              <p class="ly-stxt09">又那么的亲切</p>
              <p class="ly-stxt10">所以认识你是多么的荣幸！</p>
            </div>
        </div>
      </div>

      <!--第二屏-->

      <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box11">
              <div class="ly-txt11">
                  2020年-8月-8日
              </div>
              <div class="ly-txt12">
                 问我就是偷来的照片！！
              </div>
              <div class="ly-imgbox11">
                <img class="ly-img11" src="img/hx1.jpg">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box12">
              <div class="ly-txt13">
                  2020-8月-9日
              </div>
              <div class="ly-txt14">
                 <p>hxx:</p>
			     <p>揣着一口袋的开心满载而归</p>
			     <p>普通小孩的开心生活</p>
			     <p>今日份限定美好！</p>
				 <p>哈哈哈,这应该就是你高考之后的愉悦吧！</p>
				 <p>不用说，考试一定考的不错！！</p>
				 <p>看到这个照片，我感觉你变化挺大的。</p>
				 <p>允许我说你一次脸确实变胖了！！！</p>
				 <p>不过还是我眼里的那个好女孩。</p>
				 <p>没想到的是，我们的关系还这么好。</p>
              </div>
          </div>
          <div class="ly-triangle12"></div>
      </div>

        <!--第三屏-->   
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
            <div class="ly-txt31">
                2020年-11月-19日
            </div>
            <div class="ly-txt32">
                <p>虽然我没看这个电视剧</p>
                <p>他们俩应该是你羡慕的爱情吧</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/hx3.jpg">
            </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
            <div class="ly-txt33">
                2020年-10月-13日
            </div>
            <div class="ly-txt34">
               <p>哈哈记录下你穿拖鞋等你的螺蛳粉</p>
            </div>
            <div class="ly-imgbox31">
              <img class="ly-img31" src="img/hx4.jpg">
            </div>
        </div>
        <div class="ly-triangle32"></div>
    </div>

      <!--第四屏-->

     <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21">
                  2020年-11月-29日
              </div>
              <div class="ly-txt22">
                 <p> 这次你去了美术馆</p>
                 <p> 照片你给我分享了</p>
                 <p>很遗憾的是</p>
                 <p>你没带身份证 哈哈哈</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/hx5.jpg">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                2020年-11月-29日
              </div>
              <div class="ly-txt24">
                  <p> 这个侧身拍的非常好看</p>
                  <p> 刚好要日落了！！</p>
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/hx6.jpg">
              </div>
          </div> -->
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25">
                2020年-11月-29日
              </div>
              <div class="ly-txt26">
                  <p>这是你的日落爱心</p>
              </div>
              <div class="ly-imgbox23">
                <img class="ly-img23" src="img/hx7.jpg">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div> 

  <!--第五屏-->
  <div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box52">
              <div class="ly-txt21">
                  2020年-12月-5日
              </div>
              <div class="ly-txt22">
                 <p>知道这是在哪吗</p>
				 <p>这个我忘了~~</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/hx8.jpg">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                2020年-12月-11日
              </div>
              <div class="ly-txt51">
                  <p>这次知道去哪了</p>
				  <p>这是个画展的地方！</p>
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/hx9.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box51">
              <div class="ly-txt25">
                  2021年-1月-28日
              </div>
              <div class="ly-txt26">
                  <p>看到这个图真是笑死我了，你这是步入了老年！</p>
              </div>
              <div class="ly-imgbox23">
                <img class="ly-img23" src="img/hx11.jpg">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div>

  <!--第六屏-->
<div class="section">
          <div class="timeline"></div>
          <div class="timepoint21"></div>
          <div class="ly-box21">
              <div class="ly-txt21">
                  2021年-1月-30日
              </div>
              <div class="ly-txt22">
                 <p>这个图很好看耶</p>
                 <p>每次你俩出去玩都很开心</p>
                 <p>来自你跟你的张李捷小朋友！</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/hx14.jpg">
              </div>
          </div>
          <div class="ly-triangle21"></div>

          <div class="ly-box22">
              <div class="ly-txt23">
                  2021年-2月-13日
              </div>
              <div class="ly-txt24">
                  <p>我也不知道这是谁拍的</p>
                  <p>把你拍的一点不好看</p>
              </div>
              <div class="ly-imgbox22">
                <img class="ly-img22" src="img/hx13.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box23">
              <div class="ly-txt25">
                2021年-1月-30日
              </div>
              <div class="ly-txt61">
                  <p class="wwww1">咱也不知道你们看到了什么</p>
                  <p class="wwww1">笑的这么开心！哈哈哈</p>
                  <p class="wwww1">你的眼都笑没有了，自动屏蔽脸部~~</p>
				          <p class="wwww1" style="display:none;">你想要的，我能给的，我都会给你。</p>
              </div>
              <div class="ly-imgbox61">
                <img class="ly-img61" src="img/hx12.jpg">
              </div>
          </div>
          <div class="ly-triangle23"></div>
      </div>  

      <!--第七屏-->
    <div class="section">
          <div class="timeline"></div>
          <div class="timepoint71"></div>
          <div class="ly-box21 xx71">
              <div class="ly-txt21">
                  2021年-2月-24日
              </div>
              <div class="ly-txt22">
                 <p>我没看错的话</p>
                 <p>这应该就是家里</p>
                 <p>家里下雪了</p>
              </div>
              <div class="ly-imgbox21">
                <img class="ly-img21" src="img/hx15.jpg">
              </div>
          </div>
          <div class="ly-triangle21 xx72"></div>

          <div class="ly-box71">
              <div class="ly-txt23">
                 2021年-2月-24日
              </div>
              <div class="ly-txt71">
                  <p>这弹的是啥，突然想不起来了</p>
                  <p>不过你的侧面</p>
                  <p>每次拍的都挺好看</p>
              </div>
              <div class="ly-imgbox71">
                <img class="ly-img71" src="img/hx16.jpg">
              </div>
          </div>
          <div class="ly-triangle22"></div>

           <div class="ly-box72">
              <div class="ly-txt25">
                  2021年-2月-24日
              </div>
              <div class="ly-txt72">
                  <p>这个是拍的什么，你没有说</p>
              </div>
              <div class="ly-imgbox72">
                <img class="ly-img72" src="img/hx17.jpg">
              </div>
          </div>
          <div class="ly-triangle71"></div>

          <div class="ly-box73">
              <div class="ly-txt25">
                  2021-2月-26日
              </div>
              <div class="ly-txt73">
                  <p>哈哈哈，在家尝试做奶茶，肯定失败了~~</p>
              </div>
              <div class="ly-imgbox73">
                <img class="ly-img73" src="img/hx18.jpg">
              </div>
          </div>
          <div class="ly-triangle72"></div>
      </div> -

      <!--第八屏-->

     <!-- <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
              <div class="ly-txt11">
                  201X-0X-1X
              </div>
              <div class="ly-txt82">
                  <p>XXXXXXXXXXXXXXXXX</p>
                  <p>XXXXXXXXXXXXXXXXX</p>
                  <p>XXXXXXXXXXXXXXXXX</p>
                  <p>XXXXXXXXXXXXXXXXX</p>
              </div>
              <div class="ly-imgbox81">
                <img class="ly-img81" src="img/1.png">
              </div>
          </div>
          <div class="ly-triangle11"></div>

          <div class="ly-box82">
              <div class="ly-txt13">
                  2015-06-18
              </div>
              <div class="ly-txt84">
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
                 <p class="wwww1">XXXXXXXXXXXXXXXXXX</p>
              </div>
          </div>
          <div class="ly-triangle82"></div>
      </div>  -->

      <!--第九屏-->

 <div class="section">
          <div class="timeline"></div>
          <div class="timepoint91"></div>
          <div class="ly-box21 xx91">
            <!-- <div class="ly-txt21">
                  201X-0X-2X
              </div> -->
           <div class="ly-txt90">
                 <p>这个照片好像早就有了</p>
                 <p>照片拍的效果针不戳！！</p>
              </div>
              <div class="ly-imgbox21 xx94">
                <img class="ly-img21" src="img/hx10.jpg">
              </div>
          </div>
          <div class="ly-triangle21 xx92"></div>

          <div class="ly-box91">
              <!-- <div class="ly-txt23">
                  201X-0X-2X
              </div> -->
              <div class="ly-txt91">
                  <p>这个照片确定性感</p>
                  <p>哈哈哈哈</p>
              </div>
              <div class="ly-imgbox91">
                <img class="ly-img91" src="img/hx20.jpg">
              </div>
          </div>
          <div class="ly-triangle22 xx92"></div>

           <div class="ly-box92">
              <!-- <div class="ly-txt25">
                  201X-0X-2X
              </div> -->
              <div class="ly-txt92">
                  <p>这张照片呢</p>
                  <p>那就更不用说了</p>
                  <p>你懂滴！！</p>
              </div>
              <div class="ly-imgbox92">
                <img class="ly-img92" src="img/hx21.jpg">
              </div>
          </div>
          <div class="ly-triangle91"></div>

          <div class="ly-box93">
              <!-- <div class="ly-txt25">
                  201X-0X-2X
              </div> -->
              <div class="ly-txt93">
                  <p>这张照片本来说当壁纸呢</p>
                  <p>谁知道分辨率不行</p>
                  <p>~~~</p>
              </div>
              <div class="ly-imgbox93">
                <img class="ly-img93" src="img/hx19.jpg">
              </div>
          </div>
          <div class="ly-triangle92"></div>
      </div>  
		<!--第十屏-->

		 <div class="section">
          <div class="timeline"></div>
          <div class="timepoint11"></div>
          <div class="ly-box81">
              <div class="ly-txt11">
                  2021-4月-6日
              </div>
              <div class="ly-txt82" style="top:8%">
                  <p class="wwww1">今天是你的生日耶</p>
                  <p class="wwww1">那肯定要开心的啊！</p>
                  <p class="wwww1">这张图可是我P的哦</p>
              </div>
              <div class="ly-imgbox81">
                <img class="ly-img81" src="img/hx23.jpg">
              </div>
          </div>     
          <div class="ly-triangle11"></div>  

          <div class="ly-box82">
              <div class="ly-txt13">
                二零二零年-二月-二十五
              </div>
              <div class="ly-txt84">
                 <p>咱从六年级开始认识的吧！</p>
                 <p>我清楚的记得，你当时还坐在我的后面，哈哈</p>
                 <p>咱们认识这都八九年了</p>
                 <p>没想到我们只一个班一年时间</p>
                 <p>我们还能保持着联系(那肯定是我人好啊~~~哈哈)</p>
                 <p>多的话呢就不说了，心里边知道就好了!!!一直在的啊</p>
                 <p>重要的事说三遍</p>
                 <p>生日快乐！生日快乐！生日快乐！</p>
              </div>
          </div>
          <div class="ly-triangle82"></div>
      </div>

       </div> -->
  <!--动态方块-->
  <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>

  </div>
  <!-- <audio muted src="music/1.mp3" autoplay="autoplay" loop="loop"></audio> -->

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<!-- <script src="js/auto-play.js"></script> -->
<script src="js/memories.js"></script>
</body>
</html>
